import { h, init } from 'snabbdom'
// 导入模块，处理样式以及事件
import style from 'snabbdom/modules/style'
import eventlisteners from 'snabbdom/modules/eventlisteners'

// 注册模块
let pacth = init([
  style,
  eventlisteners
])

// 使用 h 函数的第二个参数传入模块所需的数据（对象）（ h 函数对参数进行了判断，可以是多种格式，分别处理）
let vnode = h(
  'div#container.cls',
  {
    style: {
      backgroundColor: '#009688',
      color:'#fff',
      height: '100px',
      width: '200px',
      lineHeight: '100px',
      textAlign: 'center',
      cursor: 'pointer'
    },
    on: {
      click: handleClick
    }
  }, 
  ('div', '这是一个div')
)

function handleClick(){
  alert('点击')
}

let app = document.querySelector('#app')

pacth(app, vnode)